<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link href="../css/iconfont/iconfont.css" rel="stylesheet"/>
		<link href="../css/public.css" rel="stylesheet"/>
		<style>
			#perstion,#perstion .mui-content{background: white;}
			#perstion li{padding: 11px 0;}
			#perstion li i{padding-right: 11px;}			
		</style>
	</head>
	<body id="perstion" ng-app='app' ng-controller='PersonalController'>
		<div class="mui-content">
			<div class="p_tb11_lr30">
				<div class="user_info p_tb20 b_b1">
			        <a href="javascript:;" class="mui-clearfix">
			        	<div class="mui-pull-left">							        		
			            	<img src="{{info.photo}}" class="b1 circle60" id="j_photo">
			            	<!--<p class="user_pic b1 circle60"></p>-->  <!--用户没有上传图像的时候显示-->
			        	</div> 
			            <div class="mui-pull-left p_tb5">
	                		<p class="font16 color3 m_b6" id="j_nickname">{{info.nickname}}</p>
		                	<span class="mui-ellipsis color3 font12" id="j_account">账号：{{info.account}}</span>
			            </div>
			        </a>					        
				</div>
				<ul class="mui-table-view p_tb10">
					<li class="mui-table-view-cell color9">
						<i class="iconfont mui-icon icon-dingdan"></i>订单
					</li>
					<li class="mui-table-view-cell color9">
						<i class="iconfont mui-icon icon-chongzhi"></i>我的钱包
					</li>
					<li class="mui-table-view-cell color9">
						<i class="iconfont mui-icon icon-yijianfankui"></i>举报和建议
					</li>
					<li id="confirmBtn" class="mui-table-view-cell color9">
						<i class="iconfont mui-icon icon-kefulianxi"></i>联系客服自助下单
					</li>
					<li class="mui-table-view-cell color9">
						<i class="iconfont mui-icon icon-renzheng"></i>车主认证
					</li>
					<li class="mui-table-view-cell color9">
						<i class="iconfont mui-icon icon-shezhi"></i>设置
					</li>
				</ul>
				<button type="button" id="close-btn" class="mui-btn mui-btn-green bg_green btn-green w100 m_t40 p_tb11_lr15 font16 bg_P b_r8">关闭个人菜单</button>
			</div>
		</div>
		<div id="info"></div>	
	</body> 
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>	
	<script src="../js/angular1.2.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/app/Personal.js" type="text/javascript" charset="utf-8"></script>
</html>